<!DOCTYPE html>
<html>
<head>
    <title>微食刻自助收银</title>
    <!--#include("common/common-link.html"){}-->

</head>
<body>


<div align="right" class="active-mask" style="display: none">
    <img onclick="common_mask_click()" src="https://yanlight-trade.oss-cn-zhangjiakou.aliyuncs.com/images/bg/icon_red_packet.png"
         class="right-top bounce animated infinite"/>
</div>

<div class="wrap">

    <div class="panel">

        <div align="center">
            <img src="https://yanlight-trade.oss-cn-zhangjiakou.aliyuncs.com/images/avatar/366e3a83461c49458768de1ef17a66a9.png"
                 class="img-rounded round_icon"/>
        </div>

        <div>
            <strong class="shop-name">${name}</strong>
        </div>

        <div align="left" class="input-container">
            <div class="input-wrap">
                <input type="number" class="form-control money-input " autofocus :value="fee" v-model="fee"
                       placeholder="请输入金额">
            </div>
            <div align="center" class="logo-wrap">
                <span class="money-logo">¥</span>
            </div>
        </div>

        <div align="left" class="mark-desc-container">
            <span id="testSpan" class="mark-desc" @click="inputDesc">填写备注</span>
        </div>

        <div class="btn-container">
            <a href="javascript:;" class="btn pay-btn" @click="submit">立即支付</a>
        </div>

    </div>

    <iframe id="actives"
            src="https://test.yanlight.com/trade/active/applyMoney"
            frameborder="no"
            marginwidth="0"
            marginheight="0"
            scrolling="no"
            allowtransparency="yes"
            class="custom-iframe">
    </iframe>

</div>


<!--<div class="footer">-->
<!--<span>关于我们</span>-->
<!--</div>-->

<script type="text/javascript">

    var vue = {};
    var pageData = {};
    var form = {};

    vue.initialize = function () {
        pageData.fee = "";
        pageData.totalFee = 0;
        pageData.adId = ""
        form.payType = 1;
        form.remark = "";
        new Vue({
            el: ".wrap",
            data: pageData,
            methods: vue
        });
        Vue.nextTick(function () {
            $(".wrap").show();
        });

        $(".active-mask").show();

        // common_init_pay()
        // common_init_active(true)
        // common_init_ad(true)
    };


    vue.inputDesc = function () {
        var value = prompt("请输入备注", form.remark)
        if (value != null && value != "") {
            form.remark = value;
        }
    }

    vue.submit = function () {


    };

    vue.checkFee = function () {

        return true;
    };


    function pay(data) {

    };

    vue.initialize();

</script>
</body>
</html>